TextField

1import { useState, TextField, VStack, Text, NavigationStack, Navigation, Script } from "scripting"
2
3function Example() {
4  const [username, setUsername] = useState('')
5
6  return <NavigationStack>
7    <VStack
8      navigationTitle={"TextField"}
9    >
10      <TextField
11        title={"Username"}
12        value={username}
13        onChanged={setUsername}
14        prompt={"Enter username"}
15      />
16      <Text>Username: {username}</Text>
17    </VStack>
18  </NavigationStack>
19}
20
21async function run() {
22  await Navigation.present({
23    element: <Example />
24  })
25
26  Script.exit()
27}
28
29run()